<!doctype html>
<html>

	<head>
		<meta charset="UTF-8">
		<title></title>
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		<link href="../css/mui.min.css" rel="stylesheet" />
		<link rel="stylesheet" type="text/css" href="../css/cw.css"/>
		<script src="../js/mui.min.js"></script>
		<script src="../js/jquery-2.1.4.min.js"></script>
		<script src="../js/global.js" type="text/javascript" charset="utf-8"></script>
		<script type="text/javascript" src="../js/public.js" ></script>
		<script type="text/javascript" src="../js/app/yuyue-time.js" ></script>
	</head>
         <style type="text/css">
         	.mui-table-view{font-size:15px}
         	.mui-table-view-cell:after{left: 0;}
         	.mui-content>.mui-table-view:first-child{margin-top: 0;}
         	.time-zzao{display:none;position: fixed;top:0;left: 0;bottom: 0;right: 0;background: rgba(0,0,0,.5);z-index: 2;}
         	.time-tc{display:none;position:fixed;background: white;width:70%;left: 15%;top: 30%;z-index: 4;}
            .mui-text-center{background: #8dc21f;}
         </style>
	<body>
		<header id="header" class="mui-bar mui-bar-nav">
		<i class="mui-icon mui-icon-back mui-action-back"></i>
		<h1 class="mui-title ">预约时间</h1>
	</header>
	<div class="mui-content" id="content">
	    <ul class="mui-table-view bespoke">
            <!--<li class="mui-table-view-cell show">
                <a class="mui-navigate-right">
                    <span>2016-12-04 周一 上午 已满</span>
                </a>
            </li>-->
        </ul>
	    <!--弹窗-->
	    <div class="time-zzao"></div>
		<div class="time-tc">
		  	<ul class="mui-table-view">
	  	        <li class="mui-table-view-cell mui-text-center">
	  	            <span id="cont"><!--2016-12-06 周二 上午--></span>
	  	        </li>
	  	        <div class="list"></div>
	  	        <!--<li class="mui-table-view-cell gua-h">
	  	            <span>08:00~08:15</span><span class="mui-pull-right">剩余1号</span>
	  	        </li>-->
	  	    </ul>
		</div>
		
	</div>
		
	<script type="text/javascript">
			mui.init();
      //弹窗
        $('.time-zzao').on('tap',function(){
	       	$(this).hide();
	       	$('.time-tc').hide();
        });
	</script>
	
</body>

</html>